<!DOCTYPE html>
<html lang="en">
<head>
<title>How do I add a content template to a text box?</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta content="" name="description">
<link href="../css/help.css" media="all" rel="stylesheet" type="text/css" charset="utf-8">
<link href="/library/webjars/fontawesome/4.7.0/css/font-awesome.min.css" media="screen" rel="stylesheet">
<link href="/library/skin/morpheus-default/tool.css" media="screen" rel="stylesheet" type="text/css" charset="utf-8">
<script src="/library/webjars/jquery/1.12.4/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/library/js/headscripts.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
    includeWebjarLibrary('featherlight');
    $(document).ready(function(){
      $("a.screensteps-image-zoom").featherlight({
        type: { image:true },
        closeOnClick: 'anywhere'
      }); 
    });   
</script>
</head>
<body>
  <div><div>
<div><h1 class="article-title">How do I add a content template to a text box?</h1></div>
<div>



      <div class="step screensteps-section screensteps-depth-1" id="click-the-template-icon">
    <h2 class="step-title screensteps-heading">Click the Template icon.</h2>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/003/234/500/original/4bca333c-2095-4962-bef6-04b6d14ed826.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/003/234/500/medium/4bca333c-2095-4962-bef6-04b6d14ed826.png" alt="" height="289" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_33735FC9-A328-4BD1-82F4-3B172C29221C" class="text-block-content">
    <p>This displays the Content Template dialog box.  </p>
  </div>
</div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="select-the-content-template">
    <h2 class="step-title screensteps-heading">Select the content template.</h2>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/003/234/492/original/b6e93805-57f7-4134-af72-ba1418308dd8.png" alt="" height="608" width="432">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_353FA87F-C924-4D12-9675-839FD7752F6B" class="text-block-content">
    <p>This displays the selected content template in the text box.</p>
  </div>
</div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="add-content-to-the-content-template">
    <h2 class="step-title screensteps-heading">Add content to the content template.</h2>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/003/234/495/original/d156af2b-2c46-4df6-a6e9-dc412543ff84.png" alt="" height="342" width="759">
  </div>
 
        <div class="step screensteps-section screensteps-depth-2" id="type-the-title-and-text">
    <h3 class="step-title screensteps-heading">Type the title and text.</h3>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/003/234/502/original/ddb06f5b-3996-47fa-8a56-d1574b4c5dcc.png" alt="" height="344" width="763">
  </div>
 
  </div>
 
        <div class="step screensteps-section screensteps-depth-2" id="insert-image">
    <h3 class="step-title screensteps-heading">Insert image.</h3>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/003/234/497/original/14fe356c-2ccb-4edd-af77-17841399ecbd.png" alt="" height="701" width="784">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_1FCE8FDE-C12C-47AA-89FA-F9F27B4741FC" class="text-block-content">
    <p>Insert an image as follows:</p>
<ol>
<li>Right-Click (CTRL-Click for MAC) the image and select Image properties. </li>
<li>Enter the URL of the image in the box marked URL. </li>
<li>Click OK. </li>
</ol>
  </div>
</div>
 
  </div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="example-page">
    <h2 class="step-title screensteps-heading">Example Page</h2>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/003/234/490/original/53d4a0e2-86f8-4b11-a8f8-895003ee6a5a.png" alt="" height="347" width="764">
  </div>
 
  </div>


</div>
</div></div>
</body>
</html>
